{% extends "base_gestion.html" %}
{% load static from staticfiles %}

{% block css %}
{% endblock %}
<script>
{% block javascriptload %}

function liste_commandes() {
				$.get('liste_commandes/',
				      function(data) {
				      	$('#toggler_accueil').hide();
				      	$("#toggler_liste_commandes").hide();
				      	$('#titre').empty()
						$('#titre').append("Liste đơn hàng đã nhập :")
				      	$('#toggler_liste_commandes').html(data);
				      	var options = {};
				      	$("#toggler_liste_commandes").effect("slide", options, 500);
				});
}

{% endblock %}
</script>
{% block menu %}

<h3>Quản lí đơn hàng</h3>
<div class="wrapper p2">
	<div class="extra-wrap">
		<ul id="menu">
			<li><a id ="btn_liste_commandes" onClick="liste_commandes()">Liste đơn hàng đã nhập</a></li>
			<li><a id ="search_button">Tìm đơn hàng</a></li>
		</ul>
	</div>
</div>
<a class="button" id="btn_creer_commande" onClick="opendialog('#dialog1','/commandes/addcommande/','Tạo đơn hàng mới')">Tạo đ.h mới</a>
{% endblock %}



{% block content %}
<h4 id="titre"></h4>
{% block content1 %}{% endblock %}

<div class="toggler_accueil" id="toggler_accueil">
	<br/><br/><br/>
		<div id="slideshow">
       		 <ul class="diaporama">
           		 <li><img src="http://www.astuces-entrepreneurs.fr/wp-content/uploads/2013/04/facturation.jpeg" alt="Image 1" /></li>
        	</ul>
		</div>
</div>

<div class="toggler_liste_commandes" id="toggler_liste_commandes">
</div>
{% endblock %}